<!DOCTYPE html>
<html>
<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$customer.real_name}证件列表</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="__PUBLIC__/dist/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/dist/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- Data Tables -->
    <link href="__PUBLIC__/dist/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/dist/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/dist/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <style>
        .ibox .open>.dropdown-menu {
        left: 0;
        right: 0;
    }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>{$customer.real_name}证件列表</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-2 m-b-xs">
                                <div class="btn-group">
                                    <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">新增证件信息
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="{:Url('CustomerCert/info',array('customer_id'=>$customer_id,'img_mode'=>0))}">身份证</a>
                                        </li>
                                        <li>
                                            <a href="{:Url('CustomerCert/info',array('customer_id'=>$customer_id,'img_mode'=>1))}">驾驶证</a>
                                        </li>
                                        <li>
                                            <a href="{:Url('CustomerCert/info',array('customer_id'=>$customer_id,'img_mode'=>2))}">营业执照</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <form method="get">
                                <input type="hidden" name="customer_id" value="{$customer_id}" />
                                <div class="col-sm-2 m-b-xs">
                                    <select class="form-control" name="img_mode">
                                        <option value="">证件类型</option>
                                        <option value="0" {if condition="$img_mode!=null && 0 == $img_mode" }selected{/if}>身份证</option> 
                                        <option value="1" {if condition="$img_mode!=null && 1 == $img_mode"}selected{/if}>驾驶证 </option> 
                                        <option value="2" {if condition="$img_mode!=null && 2 == $img_mode"}selected{/if}>营业执照 </option> 
                                    </select> 
                                </div> 
                                <div class="col-sm-1 m-b-xs">
                                    <input type="submit" class="btn btn-primary" value="搜索" />
                                </div>
                                <div class="col-sm-1 m-b-xs">
                                    <a href="{:Url('Customer/index')}" class="btn btn-primary ">
                                        返回列表
                                    </a>
                                </div>
                            </form>
                        </div>
                        <table class="table table-hover " id="editable">
                            <thead>
                                <tr>
                                    <th class="hidden-xs">ID</th>
                                    <th class="hidden-xs">证件类型</th>
                                    <th>图片</th>
                                    <th class="hidden-xs">IP</th>
                                    <th class="hidden-xs">上传时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                {volist name="list" id="v"}
                                <tr class="gradeX">
                                    <td class="hidden-xs">{$v.id}</td>
                                    <td class="hidden-xs">{$v.img_mode_name}</td>
                                    <td style="position: relative;">
                                        <div style="float:left;">
                                            <img src="{$v.img_fg_url}" alt="" class="goods-image" style="height:34px">
                                            <div style="position:absolute;bottom:0;left:65px;display:none;border: 1px solid #ccc;">
                                                <img src="{$v.img_fg_url}" alt="" style="max-width: 500px;z-index: 999">
                                            </div>
                                        </div>
                                        {if condition="$img_mode eq 0"}
                                        <div style="float:left;">
                                            <img src="{$v.img_bg_url}" alt="" class="goods-image" style="height:34px">
                                            <div style="position:absolute;bottom:0;left:65px;display:none;border: 1px solid #ccc;">
                                                <img src="{$v.img_bg_url}" alt="" style="max-width: 500px;z-index: 999">
                                            </div>
                                        </div>
                                        {/if}
                                    </td>
                                    <td class="hidden-xs">{$v.ip}</td>
                                    <td class="hidden-xs">{$v.create_time|strtotime|date="Y-m-d H:i:s",###}</td>
                                    <td class="col-sm-3">
                                        <a href="{:Url('CustomerCert/info',array('id'=>$v['id']))}" class="btn btn-warning btn-xs">编辑</a>
                                        <a href="{:Url('CustomerCert/del',array('id'=>$v['id']))}" class="btn btn-danger btn-xs"
                                            onclick="return confirm('确认删除？');">删除</a>
                                    </td>
                                </tr>
                                {/volist}
                            </tbody>
                        </table>
                        <div style="text-align: center;">
                            {$page}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="__PUBLIC__/dist/js/jquery.min.js?v=2.1.4"></script>
    <script src="__PUBLIC__/dist/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="__PUBLIC__/dist/js/plugins/jeditable/jquery.jeditable.js"></script>
    <script src="__PUBLIC__/dist/js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="__PUBLIC__/dist/js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="__PUBLIC__/dist/js/content.min.js?v=1.0.0"></script>

    <script>
        $('.goods-image').mouseover(function () {
            $(this).next().show();
        }).mouseout(function () {
            $(this).next().hide();
        });
    </script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_data_tables.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->

</html>